<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>测绘业务流程</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<style type="text/css">
			
			.map-guide-row {
				display: -webkit-box;
				-webkit-box-flex: 1;
				margin: 0px 5px;
				background-color: white;
				
			}
			
			.map-guide-row .icon {
				display: -webkit-box;
				-webkit-box-flex: 1;
				width: 25%;
				-webkit-box-orient: vertical;
				border-top: 1px solid #EAEAEA;
				border-left: 1px solid #EAEAEA;
			}
			
			.map-guide-row .image {
				height: 55px;
			}
			
			.map-guide-row .title {
				line-height: 20px;
				text-align: center;
				margin-bottom: 8px;
			}
			
			.map-guide-row .bgIcon1 {
				background-image: url(../img/guide/mapIcon1.png);
				background-repeat: no-repeat;
				background-position: center 65%;
				background-size: 40px 20px;
			}
			
			.map-guide-row .bgIcon2 {
				background-image: url(../img/guide/mapIcon2.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon3 {
				background-image: url(../img/guide/mapIcon3.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon4 {
				background-image: url(../img/guide/mapIcon4.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon5 {
				background-image: url(../img/guide/mapIcon5.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon6 {
				background-image: url(../img/guide/mapIcon6.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon7 {
				background-image: url(../img/guide/mapIcon7.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon8 {
				background-image: url(../img/guide/mapIcon8.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon9 {
				background-image: url(../img/guide/mapIcon9.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon10 {
				background-image: url(../img/guide/mapIcon10.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon11 {
				background-image: url(../img/guide/mapIcon11.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			.map-guide-row .bgIcon12 {
				background-image: url(../img/guide/mapIcon12.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 36px 31px;
			}
			
			.map-guide-row .bgIcon13 {
				background-image: url(../img/guide/mapIcon13.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 31px 30px;
			}
			
			
			body .map-guide-row:nth-child(4) .icon{
				border-bottom: 1px solid #EAEAEA;
			} 
			
			.map-guide-row .icon:nth-child(4){
				border-right: 1px solid #EAEAEA;
			}
		</style>
	</head>

	<body ontouchstart>
		<div class="map-guide-row" style="margin-top: 10px;">
			<div class="icon">
				<div class="image bgIcon1"></div>
				<div class="title">选址测试</div>
			</div>
			<div class="icon">
				<div class="image bgIcon2"></div>
				<div class="title">核定用地</div>
			</div>
			<div class="icon">
				<div class="image bgIcon3"></div>
				<div class="title">地籍测绘</div>
			</div>
			<div class="icon">
				<div class="image bgIcon4"></div>
				<div class="title">勘测定界</div>
			</div>
		</div>
		<div class="map-guide-row">
			<div class="icon">
				<div class="image bgIcon5"></div>
				<div class="title">规划放线</div>
			</div>
			<div class="icon">
				<div class="image bgIcon6"></div>
				<div class="title">规划验线</div>
			</div>
			<div class="icon">
				<div class="image bgIcon7"></div>
				<div class="title">竣工测量</div>
			</div>
			<div class="icon">
				<div class="image bgIcon8"></div>
				<div class="title">总登测绘</div>
			</div>
		</div>
		<div class="map-guide-row">
			<div class="icon">
				<div class="image bgIcon9"></div>
				<div class="title">日照分析</div>
			</div>
			<div class="icon">
				<div class="image bgIcon10"></div>
				<div class="title">地下管线探测</div>
			</div>
			<div class="icon">
				<div class="image bgIcon11"></div>
				<div class="title">地形图测绘</div>
			</div>
			<div class="icon">
				<div class="image bgIcon12"></div>
				<div class="title">控制测量</div>
			</div>
		</div>
		<div class="map-guide-row">
			<div class="icon">
				<div class="image bgIcon13"></div>
				<div class="title">土方测量</div>
			</div>
			<div class="icon">

			</div>
			<div class="icon">

			</div>
			<div class="icon">

			</div>
		</div>
	</body>
	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>

</html>